$bg-color: #2C3344;
$ft-color: #ff6700;
$ft-color-hui-1: rgb(213, 92, 14);
$ft-color-op-8: rgb(255 103 0 / 80%);
$ft-color-op-7: rgb(255 103 0 / 70%);
$ft-color-op-6: rgb(255 103 0/ 60%);
$ft-color-op-2: rgb(255 103 0/ 20%);
$ft-color-2: rgb(147, 0, 255);
$ft-color-2-op-8: rgb(147 0 255 / 80%);
$ft-color-2-op-7: rgb(147 0 255 / 70%);
$ft-color-2-op-6: rgb(147 0 255/ 60%);
$ft-color-2-op-2: rgb(147 0 255/ 20%);
$ft-color-2-hui-1: rgb(126, 10, 218);

$ft-color-tips: rgb(170, 170, 170);
$ft-color-tips-2: rgb(220, 220, 220);
$ft-color-tips-3: rgb(230, 230, 230);
$ft-color-tips-4: rgb(240, 240, 240);

$bg-color-hover: rgb(195 195 195 / 20%);

$bg-color-dark: #2C3344;
$bg-color-light: #f0f0f0;

$ft-color-tips-dark: rgb(210, 210, 210);
$ft-color-tips-light: rgb(40, 40, 40);

$message-box-bg-l-dark: rgb(213, 92, 14);
$message-box-bg-l-light: #e6b698;
;

$message-box-bg-r-dark: rgb(126, 10, 218);
$message-box-bg-r-light: #d3b6eb;

$px-1320: 82.5rem;
$px-1280: 80rem;
$px-1150: 72rem;
$px-960: 60rem;
$px-800: 50rem;
$px-650: 40.625rem;
$px-560: 35rem;
$px-480: 30rem;
$px-400: 25rem;
$px-360: 22.5rem;
$px-320: 20rem;
$px-280: 17.5rem;
$px-240: 15rem;
$px-200: 12.5rem;
$px-160: 10rem;
$px-128: 8rem;
$px-96: 6rem;
$px-64: 4rem;
$px-56: 3.5rem;
$px-48: 3rem;
$px-42: 2.625rem;
$px-40: 2.5rem;
$px-38: 2.375rem;
$px-36: 2.25rem;
$px-34: 2.125rem;
$px-32: 2rem;
$px-26: 1.625rem;
$px-24: 1.5rem;
$px-20: 1.25rem;
$px-18: 1.125rem;
$px-0-5: 0.03125rem;
$px-1: 0.0625rem;
$px-1-5: 0.09375rem;
$px-2: 0.125rem;
$px-3: 0.1875rem;
$px-4: 0.25rem;
$px-5: 0.3125rem;
$px-6: 0.375rem;
$px-7: 0.4375rem;
$px-8: 0.5rem;
$px-9: 0.5625rem;
$px-10: 0.625rem;
$px-11: 0.6875rem;
$px-12: 0.75rem;
$px-13: 0.8125rem;
$px-14: 0.875rem;
$px-15: 0.9375rem;
$px-16: 1rem;
